﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../Css/Navigation.css" type="text/css">
    <link rel="stylesheet" href="../Css/SelectControl.css" type="text/css">
    <link rel="stylesheet" href="../Css/UserInfo.css" type="text/css">
</head>
<body>
    <div class="css_main">
        <div class="css_top">
            <div class="css_top_left">
                <span>美位生活 & meiwei life</span><br>
                <span>App 管理操作后台</span>
            </div>
            <div class="css_top_right">
                <span style="Float:right">欢迎！Lain</span><br>
                <span style="Float:right">2015.02.08 09:35 AM</span>
            </div>
        </div>
        <div class="css_body">
            <div class="css_navigation">
                <div class="css_navigationItem">
                    <ul>商 户 添 加</ul>
                    <li><span class="css_inActive">&#12288</span><a href="IDelicious.html">爱 美 味</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="EnjoyLife.html">乐 生 活</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a href="BusinessInformation.html">商 户 信 息</a></ul>
                </div>
                <div class="css_navigationItem">
                    <ul>分 类 管 理</ul>
                    <li><span class="css_inActive">&#12288</span><a href="AppCategory.html">APP 类 目</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="SceneClassification.html">场 景 分 类</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AreaClassificationOne.html">区 域 分 类</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a class="css_active" href="UserInfo.html">用 户 信 息</a></ul>
                </div>
                <div class="css_navigationItem">
                    <ul>服 务 设 置</ul>
                    <li><span class="css_inActive">&#12288</span><a href="ServicesModification.html">服 务 修 改</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="CouponsGeneration.html">折 扣 券 生 成</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="CouponsStatus.html">折 扣 券 状 态</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul>广 告 设 置</ul>
                    <li><span class="css_inActive">&#12288</span><a href="AdSetting.html">广 告 设 置</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AddEvents.html">添 加 活 动</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="EventsList.html">活 动 列 表</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="TransactionList.html">成 交 列 表</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul>文 章 管 理</ul>
                    <li><span class="css_inActive">&#12288</span><a href="ArticleList.html">文 章 列 表</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AddArticle.html">添 加 文 章</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a href="DataExport.html">数 据 管 理</a></ul>
                </div>
            </div>
            <div ng-app="" ng-controller="customersController" class="css_content">
                <div class="css_content_userTable">
                    <div class="css_content_userTable_title">
                        <div class="css_content_userTable_title_name">
                            <span>商户信息_默认信息</span>
                        </div>
                        <div class="css_content_userTable_title_operations">
                            <div class="css_pageUp">上一页</div>
                            <div class="css_pages">2 to 3</div>
                            <div class="css_pageDown">下一页</div>
                        </div>
                    </div>
                    <ul>
                        <div>用户ID</div>
                        <div>用户姓名</div>
                        <div>用户手机</div>
                        <div>会员有效期</div>
                    </ul>
                    <div id="js_content">
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                        <li>
                            <img src="../Img/Img_edit.png" />
                            <div class="css_userId">555577894</div><div class="css_userName">张三丰</div>
                            <div class="css_userPhone">18817702889</div><div class="css_userTime">2017-05-31</div>
                        </li>
                    </div>
                </div>




                <br>
                <br>
                <br>
                <br>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="../JSLibrary/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../JSLibrary/SelectControl.js"></script>
    <script>
        $("#js_content").empty();
        $.ajax({
            type: "POST", //访问WebService使用Post方式请求
            contentType: "application/json;charset=utf-8", //WebService 会返回Json类型
            url: "../WebService1.asmx/GetUserInfo", //调用WebService
            data: "{}", //Email参数
            dataType: 'json',

            error: function (x, e) {
                alert("error");
            },
            success: function (response) { //回调函数，result，返回值
                var jsonContext = JSON.parse(response.d);
                var htmlText = "";
                $.each(jsonContext, function (index, item) {
                    htmlText += "<li><img src=\"../Img/Img_edit.png\" />"
                        +"<div class=\"css_userId\">"
                        + item.Id
                        +"</div><div class=\"css_userName\">"
                    +item.UserName
                    + "</div> <div class=\"css_userPhone\">"
                    + item.PhoneNumber
                    +"</div><div class=\"css_userTime\">2017-05-31</div></li>";
                })
                $("#js_content").append(htmlText);
            }
        })


    </script>

</body>
</html>